// components/NotFoundPage.js
import { Link } from 'react-router-dom';
import notFoundSVG from '../assets/404.svg';
import './NotFoundPage.css';

const NotFoundPage = () => {
    const handleGoBack = (event) => {
        event.preventDefault(); // 阻止默认的链接行为
        window.history.back(); // 返回上一页
    };

    return (
        <div className="not-found-container">
                <img src={notFoundSVG} alt="404 Not Found" />
                <p>请检查您输入的网址是否正确，或尝试以下操作：</p>
                <ul>
                    <li><a href="#" onClick={handleGoBack} className="special-color">返回上一页</a></li>
                    <li>访问我们的 <Link to="/Commonuser_AccountManagement" className="special-color">首页</Link></li>
                    <li>联系网站管理员获取帮助</li>
                </ul>
                <Link to="/" className="special-color" >返回登录页面</Link>
        </div>
    );
};

export default NotFoundPage;